<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
<title>赌我会瘦</title>
<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>
</head>
<!-- end header -->

<body>
  <div class="page-group">
    <div class="page page-current detail-page bg-light-gray">
      <header class="bar bar-nav fb-header has-img-header">
			  <a href="javascript:void(0);" class="pull-left logo">
			    <img src="${ctx.resource}/images/rule-header-left.png">
			  </a>
			  <h1 class="title"><img src="${ctx.resource}/images/rule-header-title.png"></h1>
			  <a href="javascript:void(0);" class="pull-right user-cover">
			    <img src="${ctx.resource}/images/user-cover.png">
			  </a>
			</header>
			
			<div class="bar bar-footer fb-footer">
			  <a href="${ctx.host}/activities/1/close" class="button button-big fb-button">递交最终成绩</a>
			</div>
			
      <div class="content">
        <div class="content-padded challenger-info">
      	  <div class="challenger-cover">
      	    <img src="${ctx.resource}/images/challenger-cover.png" alt="" class="img-style">
      	    <div class="bet-title">Sara的28天瘦5%挑战
      	      <p class="no-margin">竞猜时间: 2018.12.12-2018.12.18</p>
      	    </div>
      	    
      	    <div class="share"><i class="iconfont icon-share" style="font-size: 1.3rem; display: block; line-height: 1;"></i>分享</div>
      	  </div>
      	  
      	  <div class="activity-bonus">
            <div class=" text-center number">
              <img src="${ctx.resource}/images/bonus.png" style="display: inline-block;height: 1.2rem; vertical-align: middle;"/>
              <span class="item">5</span><span class="item">8</span>人参与
            </div>
            <div class="text-center">
	            <div class="price clearfix">
	              <span class="item">￥</span>
	              <span class="item">8</span>
	              <span class="item">9</span>
	              <span class="item">5</span>
	              <span class="item">0</span>
	              <span class="pull-left">.</span>
	              <span class="item">0</span>
	              <span class="item">0</span>
	            </div>
	          </div>
          </div>
          <div style="padding-left: .75rem; padding-right: .75rem;">
	          <img src="${ctx.resource}/images/interval.png" class="img-style" alt="" />
	          <div class="progress">
	            <div class="progress-text clearfix">
	              <div class="pull-left">看好8</div>
	              <div class="pull-right">不看好5</div>
	            </div>
	            <div class="progress-bar">
	              <div class="progress-bg"></div>
	            </div>
	          </div>
	          
	          <div class="supporter-layout">
	            <div class="supporter-box">
							  <img src="${ctx.resource}/images/user-cover.png" class="user-cover">
							  <span>Ange...</span>
							  <span class="color-red">看好￥50</span>
	            </div>
	            <img src="${ctx.resource}/images/user-cover.png" class="user-cover" alt="">
	            <img src="${ctx.resource}/images/user-cover.png" class="user-cover" alt="">
	          </div>
	      	    
	     	    <div class="video-layout">
						  <div class="video-header" style="padding-top: 0;"><span style="font-size: .7rem; color: #999;">活动前体重</span><br>43.0<span style="font-size: .9rem; font-weight: 500;">kg</span></div>
						  <div class="video-content">
						    <img src="${ctx.resource}/images/bet-video.png" style="width: 100%; display: block;" alt="" >
						  </div>
						</div>
					</div>
      	    
      	</div>
      
        <%-- <div class="content-padded">
          <h1>递交最终成绩.jpg</h1>
        </div>
        <div class="content-block">
          <p><a href="${ctx.host}/activities/1/close" class="button button-big">递交最终成绩</a></p>
        </div> --%>
      </div>
    </div>
  </div>
  <%@ include file="/WEB-INF/include/script.jsp"%>
</body>
</html>